<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	*{padding:0; margin:0;}
	.all{width:900px; height:300px; background:#9F6;}
	.box1{ width:50%; height:200px; background:#33F; float:left; cursor:pointer}
	.box2{ width:50%; height:200px; background:#302; float:right;}
</style>
</head>

<body>
	<div class="all">
        <div class="box1"></div>
        <div class="box2"></div>
    </div>
</body>
</html>
